/*格式化*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea { margin: 0; padding: 0;color: #333}
body { font-size: 14px; font-family: 'sans-serif',"Arial", 'Verdana', 'Helvetica' ; color: #333}
li, ol { list-style: none; }
ins { text-decoration: none; }
i, em { font-style: normal; }
a { text-decoration: none; color: #333; }
a:hover { cursor: pointer; text-decoration: none;color: #db0a17}
:focus { outline: 0; }
.clear { clear: both; line-height: 0px; overflow: hidden; zoom: 1; font-size: 0px; content: '.'; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
img { padding: 0; margin: 0; }
a img { border: none; }
input, textarea { border: none;  font-size: 13px; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 14px; }
.fl { float: left; }
.fr { float: right; }




.index_video_2{display: flex;justify-content: space-between;background: #fff;box-shadow: 2px 2px 5px #eee}
.index_video_2 dt{float: left;width: 50%}
.index_video_2 dt img{display: block;width: 100%;height: auto}
.index_video_2 dd{float: left;width: 44%;background: #fff;padding:2%}
.jj_tit{font-size: 27px;}
.jj_cen{margin-top: 20px;overflow: hidden;font-size: 16px;line-height: 30px;margin-bottom: 20px}
.jj_cen p{
	text-indent:2em;
}
.jj_more a{display: block;width: 140px;border-radius: 3px;background: #333;color: #fff;text-align: center;font-size: 16px;line-height: 45px; margin-top:20px}
.jj_more a:hover{background: #db0a17}

@media screen and (max-width: 1640px){
	.index_video_2 dd{padding: 2% 3% 0}
}

@media screen and (max-width: 1525px){
	.jj_cen{margin-top: 10px;}
}

@media screen and (max-width: 1425px){
	.jj_cen{line-height: 24px}
}

@media screen and (max-width: 1410px){
	.jj_cen{line-height: 23px;font-size: 14px}
}
@media screen and (max-width: 1270px){
	.jj_cen span{display: none}
}
@media screen and (max-width: 1024px){
	.jj_cen span{display: block}
	.index_video_2{display: inherit;}
	.index_video_2 dt{width: 100%}
	.index_video_2 dd{width: 98%;padding: 3% 0}
}
@media screen and (max-width: 750px){
	.index_video_2{width: 100%!important}
	.index_video_2 dd{width: 96%;padding: 3% 2% 5%}
	.jj_more a{width: 40%}
	.jj_cen{font-size: 16px}
}
.onPage{border: 1px solid #db0a17!important;color: #fff;background: #db0a17!important}
.ms_cen dt table{/*word-break:break-all;*/ word-wrap:break-all;}
.pageDiv{overflow: hidden;margin-bottom: 25px;height: 30px;padding-top: 5px}
.pageDiv a{padding: 5px 8px;border: 1px solid #ddd;margin: 0 5px}

/* demo 开始 */
        /* 语言切换容器 */
        .language-switcher {
            position: relative;
            width: 180px;
            float: left;
            margin-top:20px;
        }

        /* 切换按钮样式 */
        .lang-button {
            width: 100%;
            padding: 10px 15px;
            background-color: #ffffff;
            border: 1px solid #e0e0e0;
            border-radius: 6px;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 14px;
            font-weight: 500;
            color: #333;
            transition: all 0.2s ease;
        }

        .lang-button:hover {
            border-color: #2196F3;
            box-shadow: 0 2px 4px rgba(0,0,0,0.05);
        }

        .lang-button .arrow {
            font-size: 12px;
            transition: transform 0.2s ease;
        }

        /* 下拉列表样式 */
        .lang-dropdown {
            position: absolute;
            top: 100%;
            left: 0;
            width: 100%;
            margin-top: 5px;
            background-color: #ffffff;
            border: 1px solid #e0e0e0;
            border-radius: 6px;
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
            list-style: none;
            opacity: 0;
            visibility: hidden;
            transition: all 0.2s ease;
            z-index: 100;
        }

        /* 展开下拉列表的样式 */
        .lang-dropdown.show {
            opacity: 1;
            visibility: visible;
            transform: translateY(5px);
        }

        /* 语言选项样式 */
        .lang-item a{
            padding: 10px 15px;
            cursor: pointer;
            transition: background-color 0.2s ease;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .lang-item:hover {
            background-color: #f0f7ff;
        }

        .lang-item.active {
            color: #2196F3;
            font-weight: 600;
        }

        /* 语言图标（简单文本替代） */
        .lang-icon {
            width: 20px;
            height: 16px;
            background-color: #f0f0f0;
            border-radius: 2px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 10px;
            color: #666;
        }

.searchlist li{width: 100%!important;float: inherit!important;margin-right: 0!important;border-bottom: 1px solid #eee;padding-bottom: 15px;margin-bottom: 15px;overflow: hidden}
.searchlist li .news1{float: left;width: 20%}
.seayu{float: left;width: 78%;margin-left: 2%;padding-bottom: 10px;margin-top: 10px}

.sawaaaleft{float: left;width: 55%;}

.container11 {
  background-color: #fff;
  border-radius: 3px;
  width: 98%;
  border: 1px solid #eee;
	
}
.sjyyq{
	display: none;
}
.ms_cen dt table{line-height: 27px;}
.ms_cen dt table td{vertical-align: middle}
.vueGallery .activePhoto {
  width: 85%;
	margin: 0 auto;
  margin-bottom: 5px;
  padding-bottom: 60%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
	background-size: 100%
}
.vueGallery .activePhoto button {
  border: none;
  background-color: transparent;
  font-size: 32px;
  color: #fff;
  opacity: 0.5;
  position: absolute;
  outline: none;
  height: 100%;
}
.vueGallery .activePhoto button:hover {
  opacity: 1;
}
.vueGallery .activePhoto button.previous {
  padding: 0 1em 0 0.7em;
  left: 0;
  
}
.vueGallery .activePhoto button.next {
  padding: 0 0.7em 0 1em;
  right: 0;
  
}
.vueGallery .thumbnails {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  grid-gap: 5px;
	background: #f7f7f7;
	padding: 2px 0
}
.vueGallery .thumbnails div {
  width: 98%;
  border: 1px solid #fff;
  outline: 1px solid #fff;
  cursor: pointer;
  padding-bottom: 65%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 1;
}
.vueGallery .thumbnails div:hover {
  opacity: 0.6;
}
.vueGallery .thumbnails div.active {
  outline-color: #db0a17;
  opacity: 1;
}




/*广告*/
.ban { position: relative; z-index: 3; width: 100%; overflow: hidden;margin-top: 89px }
.ban img { display: block; width: 100%; }
.ban .swiper-pagination { bottom: 1.5rem; }
.ban .swiper-pagination-bullet { background: #eee; width: .8rem; opacity: 1; height: .8rem; margin: 0 .4rem !important; }
.ban .swiper-pagination-bullet-active { border-radius: 0.4rem; opacity: 1; background: #db0a17; }


.container{width: 85%;margin: 0 auto;max-width:1980px}

/*-------------手机站导航开始----------*/
.sp_header{height:50px;overflow:hidden;background:#2d2d2d;position:fixed;z-index:1000000;width:100%;top: 0;display: none;}
.sp_logo{padding:2px 10px 2px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:46px;}
.sp_nav{width:55px;float:right;position:relative;cursor:pointer;height:30px;margin-top:13px}
.sp_nav span{display:block;background:#fff;width:29px;height:3px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:11;background:#eee;width:100%;height:calc(100% - 50px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#db0a17}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*------------手机站导航结束----------*/


.ms_cen table tr:nth-child(odd){background: #f7f7f7;}


/*head*/
.header{width: 100%;background: #2d2d2d;position: fixed;top: 0;z-index: 9999;transition: all 0.3s}
.headercen{margin: 0 auto;transition: all 0.3s}
.headercen .logo{float: left;padding: 10px 0;transition: all 0.3s}
.headercen .navcen{float: right;transition: all 0.3s}
.headercen .logo img{display: block;height: 70px;}
.headercen .navcen .pnav{float: left;padding-right: 20px}
.headercen .navcen .language{float: right;padding-top: 37px}
.headercen .navcen .language a{display: block;overflow: hidden;float: left;margin-left: 13px}
.headercen .navcen .language img{height: 16px;display: block;float: left;}
.headercen .navcen .language span{height: 16px;display: block;float: left;line-height:16px;font-size: 15px;margin-left: 5px;color: #fff}
.nav_height{height: 90px;width: 100%}
.nav_height_index{height: 0;}

.nav_a{background: url(../images/jt.png) no-repeat right center;background-size: 12px 12px}
.pnav .on{background: #2d2d2d}
.nav_a{font-size: 17px;line-height: 30px;color: #fff;display: block;padding: 30px 18px;transition: all 0.3s}
.nav11{float: left;}
.nav11 ul:before,
.nav11 ul:after { content: "";display: table;}
.nav11 ul:after {clear: both;}
.nav11 ul > li {float: left;position: relative;}
.pnav_li{margin-right: 18px}
/*.nav11 a:hover {text-decoration: none;background: #333;color: #fff}*/
.nav11 li ul {background: #2d2d2d;}
.nav11 li ul li {width: 200px;}
.nav11 li ul a {border: none;width: 200px;display: block;padding: 8px 3%;font-size: 15px;color: #fff;/*text-align: center*/}
.nav11 li ul a:hover {background: #5d9bdb;color: #fff}
.nav11 li ul li:last-child a{margin-bottom: 13px}
.nav11 li ul li:nth-child(1) a{border-top: 1px solid #5d9bdb;padding: 20px 3% 8px 3%}

/* Slide Down
============================== */
.nav3 ul > li:hover ul li {height: auto;}
.nav3 li ul {position: absolute;left: 0;top: 90px;z-index: 1;width: 200px;}
.nav3 li ul li {overflow: hidden;height: 0;
  -webkit-transition: all 200ms ease-in;
  -moz-transition: all 200ms ease-in;
  -o-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
}



.sea{float: left;padding: 35px 0;margin-right: 20px;cursor: pointer}
.sea img{display: block;}
.seacen{position: absolute;top: 90px;right: 3%;background: #fff;padding: 15px;border-top: 1px solid #5d9bdb;display: none;box-shadow: 0px 1px 2px #ccc}
.seacen input{width: 250px;height: 36px;padding:0 10px;border: 0;background: #eee;float: left;border-radius: 0;}
.seacen a{background: #eee;padding: 9px;display: block;float: left}
.seacen a img{display: block}


.index_video{width: 100%;height: auto;background: url(../images/about_bg.jpg) repeat-x top center;}
.index_video_1{width: 100%;overflow: hidden;height: auto;padding: 60px 0px 35px 0px}
.demo_tit{overflow: hidden;margin: 0 auto;position: relative}
.demo_tit dt{color: #fff;font-size: 30px;font-family: 'Helvetica Neue', 'Arial', 'Lucida Grande', 'sans-serif';font-weight: bold}
.demo_tit dd{background: #fff;width: 60px;height: 2px;margin-top: 15px;}

.indexmore1{position: absolute;top: 4px;right: 0;font-size: 15px;}
.index_video_2{width: 85%;overflow: hidden}

.videoicon{display: block;width: 100px;height: 100px;position: absolute;top: 50%;margin-top: -50px;left: 50%;margin-left: -50px;transition: all 0.3s}
.index_video_2:hover .videoicon{transform: scale(1.05)}

.index_product{width: 100%;overflow: hidden;margin-top: 35px}

.tit_black dt{color: #333!important}
.tit_black dd{background: #333!important}
.index_product ul{overflow: hidden;margin: 0 auto;border-top: 1px solid #eee;border-right: 1px solid #eee;margin-top: 30px}
.index_product ul li{float: left;border-left: 1px solid #eee;border-bottom: 1px solid #eee;width:calc(25% - 22px);padding: 10px;}
.pro_img{width: 100%;overflow: hidden;}
.pro_img img{display: block;width: auto;height: auto;max-width: 100%;margin: 0 auto;transition: all 0.3s}
.pro_name,.pro_price,.pro_a{width: 100%;margin: 0 auto}
.pro_name a{font-size: 18px;font-weight: bold;margin-top: 20px; line-height:30px; display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;text-align: center;}
.pro_price{font-size: 17px;margin-top: 7px;}
.pro_a a{display: block;width: 100%;padding: 12px 0;text-align: center;color: #fff;background: #2d2d2d;border-radius: 2px;font-size: 16px;margin-top: 18px;margin-bottom: 18px;}
.pro_a a:hover{background: #db0a17}
.pro_a a span{display: block;background:url(../images/right_jt_white.png) no-repeat right center;background-size: 20px 20px;font-size: 16px;color: #fff;margin-right: 31%;margin-left: 31%}
.pro_name a:hover{color: #db0a17}
.pro_img:hover img{transform: scale(1.05)}

.index_service{width: 100%;overflow: hidden;background: #f7f7f7;margin: 65px 0}
.index_service_ul{overflow: hidden;margin: 0 auto;padding: 90px 0}
.index_service_ul li{float: left;width: 17.875%;background: #fff;border-radius: 5px;padding: 3%;text-align: center;margin-right: 1.5%;cursor: pointer;transition: all 0.3s}
.index_service_ul li:nth-child(4){margin-right: 0}
.index_service_name{font-size: 20px;font-weight: bold;text-align: center;margin: 15px 0}
.index_service_text{font-size: 14px;line-height: 25px;}
.index_service_img{padding-bottom: 20px}
.img01{background: url(../images/service01.png) no-repeat center center;background-size: 55px;height: 55px}
.img02{background: url(../images/service02.png) no-repeat center center;background-size: 55px;height: 55px}
.img03{background: url(../images/service03.png) no-repeat center center;background-size: 55px;height: 55px}
.img04{background: url(../images/service04.png) no-repeat center center;background-size: 55px;height: 55px}

.index_service_ul li:hover{background:#db0a17 }
.index_service_ul li:hover .index_service_name{color: #fff;}
.index_service_ul li:hover .index_service_text{color: #fff;}
.index_service_ul li:hover .img01{background: url(../images/service01_1.png) no-repeat center center;background-size: 55px;height: 55px}
.index_service_ul li:hover .img02{background: url(../images/service02_2.png) no-repeat center center;background-size: 55px;height: 55px}
.index_service_ul li:hover .img03{background: url(../images/service03_3.png) no-repeat center center;background-size: 55px;height: 55px}
.index_service_ul li:hover .img04{background: url(../images/service04_4.png) no-repeat center center;background-size: 55px;height: 55px}

.jieshao_cen{width: 1200px;overflow: hidden;margin: 0 auto;position: relative}
.jieshao_img{margin: 0 auto;width: 1200px;}

.chezuo{width: 30px;height: 30px;border-radius: 50px;background:rgba(255,255,255,0.3);position: absolute;top: 270px;left: 455px;cursor: pointer;}
.chezuo p{width: 20px;height: 20px;border-radius: 50px;background:rgba(255,255,255,0.9);margin: 0 auto;margin-top: 5px;position: relative}
.chezuo p span{width: 8px;height: 8px;border-radius: 50px;background:#ef0b0b;margin: 0 auto;display: block;position: absolute;top: 6px;left: 6px}
.chezuo_cen{width: 260px;border: 1px solid #ddd;background: #fff;padding: 15px;position: absolute;top: 170px;left: 90px;z-index: 999}
.chezuo_cen dl{overflow: hidden;margin-bottom: 8px}
.chezuo_cen dl dt{float: left;width: 10px;height: 10px;border-radius: 2px;background: #ef0b0b;margin-top: 6px;margin-right: 8px}
.chezuo_cen dl dd{float: left;font-size: 18px;line-height: 24px;width: 240px}
.chezuo_cen p{font-size: 14px;line-height: 22px;}


.cheba{width: 30px;height: 30px;border-radius: 50px;background:rgba(255,255,255,0.3);position: absolute;top: 170px;right: 430px;cursor: pointer;}
.cheba p{width: 20px;height: 20px;border-radius: 50px;background:rgba(255,255,255,0.9);margin: 0 auto;margin-top: 5px;position: relative}
.cheba p span{width: 8px;height: 8px;border-radius: 50px;background:#ef0b0b;margin: 0 auto;display: block;position: absolute;top: 6px;left: 6px}
.cheba_cen{width: 260px;border: 1px solid #ddd;background: #fff;padding: 15px;position: absolute;top: 70px;right: 0px;z-index: 999}
.cheba_cen dl{overflow: hidden;margin-bottom: 8px}
.cheba_cen dl dt{float: left;width: 10px;height: 10px;border-radius: 2px;background: #ef0b0b;margin-top: 6px;margin-right: 8px}
.cheba_cen dl dd{float: left;font-size: 18px;line-height: 24px; width: 240px}
.cheba_cen p{font-size: 14px;line-height: 22px;}

.luntai{width: 30px;height: 30px;border-radius: 50px;background:rgba(255,255,255,0.3);position: absolute;bottom: 200px;left: 540px;cursor: pointer;}
.luntai p{width: 20px;height: 20px;border-radius: 50px;background:rgba(255,255,255,0.9);margin: 0 auto;margin-top: 5px;position: relative}
.luntai p span{width: 8px;height: 8px;border-radius: 50px;background:#ef0b0b;margin: 0 auto;display: block;position: absolute;top: 6px;left: 6px}
.luntai_cen{width: 260px;border: 1px solid #ddd;background: #fff;padding: 15px;position: absolute;bottom: 30px;left: 150px;border-radius: 4px;z-index: 999}
.luntai_cen dl{overflow: hidden;margin-bottom: 8px}
.luntai_cen dl dt{float: left;width: 10px;height: 10px;border-radius: 2px;background: #ef0b0b;margin-top: 6px;margin-right: 8px}
.luntai_cen dl dd{float: left;font-size: 18px;line-height: 24px;width: 240px}
.luntai_cen p{font-size: 14px;line-height: 22px;}


.chejia{width: 30px;height: 30px;border-radius: 50px;background:rgba(255,255,255,0.3);position: absolute;bottom: 220px;right: 290px;cursor: pointer;}
.chejia p{width: 20px;height: 20px;border-radius: 50px;background:rgba(255,255,255,0.9);margin: 0 auto;margin-top: 5px;position: relative}
.chejia p span{width: 8px;height: 8px;border-radius: 50px;background:#ef0b0b;margin: 0 auto;display: block;position: absolute;top: 6px;left: 6px}
.chejia_cen{width: 260px;border: 1px solid #ddd;background: #fff;padding: 15px;position: absolute;bottom: 130px;right: 0px;border-radius: 4px;z-index: 999}
.chejia_cen dl{overflow: hidden;margin-bottom: 8px}
.chejia_cen dl dt{float: left;width: 10px;height: 10px;border-radius: 2px;background: #ef0b0b;margin-top: 6px;margin-right: 8px}
.chejia_cen dl dd{float: left;font-size: 18px;line-height: 24px;width: 240px}
.chejia_cen p{font-size: 14px;line-height: 22px;}



.cdses{width: 30px;height: 30px;border-radius: 50px;background:rgba(255,255,255,0.3);position: absolute;top: 350px;right: 475px;cursor: pointer;}
.cdses p{width: 20px;height: 20px;border-radius: 50px;background:rgba(255,255,255,0.9);margin: 0 auto;margin-top: 5px;position: relative}
.cdses p span{width: 8px;height: 8px;border-radius: 50px;background:#ef0b0b;margin: 0 auto;display: block;position: absolute;top: 6px;left: 6px}
.cdses_cen{width: 260px;border: 1px solid #ddd;background: #fff;padding: 15px;position: absolute;top: 260px;right: 50px;border-radius: 4px;z-index: 999}
.cdses_cen dl{overflow: hidden;margin-bottom: 8px}
.cdses_cen dl dt{float: left;width: 10px;height: 10px;border-radius: 2px;background: #ef0b0b;margin-top: 6px;margin-right: 8px}
.cdses_cen dl dd{float: left;font-size: 18px;line-height: 24px;width: 240px}
.cdses_cen p{font-size: 14px;line-height: 22px;}
.slideshow{
	height: 0; margin:20px 0px;overflow: hidden;
}
/*VISIBLE AREA*/
.skidder-viewport {
  position: relative;
	overflow: hidden;
  transition: opacity 0.4s ease-in-out;
}

/*SLIDES CONTAINER*/
.skidder-viewport .skidder-wrapper {
  width: 20000em;
  position: absolute;
  z-index: 1;
}

/*SLIDES*/
/*inactive style*/
.skidder-viewport .skidder-wrapper .skidder-slide {
  float: left;
  position: relative;
  z-index: 0;
  opacity: 0.7;
  transition: opacity 0.2s ease-in-out;
}

.skidder-viewport.skidder-fade .skidder-wrapper {
  width: auto;
  margin: 0 auto;
}

.skidder-viewport.skidder-fade .skidder-wrapper .skidder-slide {
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
}
/*active style*/
.skidder-viewport .skidder-wrapper .skidder-slide.active,
.skidder-viewport .skidder-wrapper .skidder-slide.disengage {
  opacity: 1;
  box-shadow: 0 0 15px 2px rgba(0,0,0,0.1);
  z-index: 1;
}

/*CLICKABLE AREA FOR LEFT-RIGHT MOVEMENT*/
.skidder-viewport .skidder-clickwrapper {
  position: absolute;
  width: 50%; /* reduce width if you want a clickable image area */
  height: 100%;
  z-index: 4;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.skidder-viewport .skidder-prevwrapper {
  left: 0;
}
.skidder-viewport .skidder-nextwrapper {
  right: 0;
}

/*LEFT-RIGHT ICONS*/
.skidder-viewport .skidder-clickwrapper .skidder-clickelement {
  position: relative;
  height: 100%;
  width: 86px;
  z-index: 5;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.skidder-viewport .skidder-clickwrapper:hover .skidder-clickelement {
  opacity: 1;
}
.skidder-viewport .skidder-clickwrapper .skidder-prev {
  float: left;
  margin-left: 10px;
  background-image: url('../images/slide_left.png');
}
.skidder-viewport .skidder-clickwrapper .skidder-next {
  float: right;
  margin-right: 10px;
  background-image: url('../images/slide_right.png');
}
.skidder-viewport .skidder-clickwrapper .skidder-next.jumpback {
  background-image: url('../images/slide_left.png');
}

/*TOUCHWRAPPER*/
.skidder-viewport .skidder-touchwrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 3;
}

/*PAGING*/
.skidder-viewport .skidder-pager {
  display: table;
  position: relative;
  top: 92%;
  margin: 0 auto;
  z-index: 4;
  padding: 0 0 15px 0;
}

.skidder-viewport .skidder-pager .skidder-pager-dot {
  display: table-cell;
  box-sizing: border-box;
  cursor: pointer;
  float: left;
  /*westr枚m style*/
  height: 12px;
  width: 12px;
  margin-right: 8px;
  margin-bottom: 4px;
  border-radius: 6px;
  border: 2px solid #fff;
  text-decoration: none;
  background-color: transparent;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  box-shadow: 0 0 4px 2px rgba(0,0,0,0.1), 0 0 4px 2px rgba(0,0,0,0.1) inset;
}
.skidder-viewport .skidder-pager .skidder-pager-dot:last-child {
  margin-right: 0;
}
.skidder-viewport .skidder-pager .skidder-pager-dot:hover,
.skidder-viewport .skidder-pager .skidder-pager-dot.active {
  background-color: #fff;
  box-shadow: 0 0 4px 2px rgba(0,0,0,0.1);
}
.skidder-viewport:hover .skidder-pager .skidder-pager-dot {
  opacity: 1;
}




.index_other_ul{overflow: hidden;margin: 0 auto;}
.index_other_ul li{float: left;margin-right: 1.5%;background: #f7f7f7;width: 32.33333%;border-radius: 5px;position: relative;height: 340px}
.index_other_ul li:nth-child(3){margin-right: 0}
.other_2{position: absolute;top: 60px;right: 0;z-index:9}
.other_1{position: absolute;top: 70px;left: 10%;z-index: 10;width: 90%}
.other_1 h2{font-size: 24px;font-weight: bold}
.other_1 h3{font-size: 17px;margin-top: 15px;width: 70%}
.index_other_ul li a{display: block;width: 120px;line-height: 40px;background: #2d2d2d;color: #fff;font-size: 15px;text-align: center;border-radius: 5px;margin-top: 40px;position: absolute;bottom: 30%;left: 10%}

.index_other_ul li a:hover{background: #db0a17}

.index_news{width: 100%;overflow: hidden;padding: 35px 0}
.index_news li{float: left;margin-right: 1.5%;width: 32.33333%;margin-bottom: 30px}
.index_news li:nth-child(3){margin-right: 0}
.index_news li:nth-child(6){margin-right: 0}
.index_news li:nth-child(9){margin-right: 0}
.news1{width: 100%;overflow: hidden}
.news1 div{height: 300px;border-radius: 3px;width: 100%;transition: all 0.3s;cursor: pointer;border:1px #f2f2f2 solid;}

.index_news_newslist{margin-top: 35px;overflow: hidden}
.news2{overflow: hidden;margin-top: 15px;    text-overflow: ellipsis; /* 显示省略符号来代表被修剪的文本 */
    white-space: nowrap; }
.news2 a{font-size: 19px;font-weight: bold}
.news2 a:hover{color: #db0a17}
.news3{font-size: 15px;color: #666;margin-top: 13px}
.news4{font-size: 15px;margin-top: 13px;line-height: 22px}

.news1:hover div{transform: scale(1.1)}
/***foot***/
.foot{
	float: left;
	width: 100%;
	background:#2e3641;
}
.footlogo{
	float: left;
	width: 100%;
	border-bottom:1px #5d5d5d solid;
}
.footlogoimg{
	width:20%;
}
.footlogoimg img{
	width: 100%;
}
.footlogotop{
	width:3.8%;
	margin-top:30px;
}
.footlogotop img{
	width: 100%;
}
.footnr{
	float: left;
	width: 100%;
	border-bottom:1px #5d5d5d solid;
}
.footlx{
	width: 30%;
	padding-top:40px;
	padding-bottom:70px;
	border-right:1px #5d5d5d solid;
}
.footlxdh{
	font-size:20px;
	color: #fff;
}
.footlxdh span{
	font-size:30px;
	color: #fff;
	font-weight: bold;
	margin-top:15px;
}
.footlxnr{
	font-size:16px;
	line-height:60px;
	color: #fff;
	margin-top:10px;
}
.footewm{
	border-right:1px #5d5d5d solid;
	width:30%;
	padding-top:46px;
	text-align: center;
}
.footewm img{
	max-width: 193px;
	width: 100%;
	margin:auto;
}
.footewm span{
	font-size:16px;
	color: #fff;
	line-height: 50px;

}
.footdh{
	width: 30%;
	padding:46px 0px 0px 50px;
}
.footdhbt{
	font-size:20px;
	color: #fff;
}
.footdhnr{
	width: 100%;
	margin-top:35px;
}
.footdhnr ul li{
	width: 33%;
	margin-bottom:15px;
	float: left;
}
.footdhnr ul li a{
	font-size:16px;
	color: #fff;
}
.footbqsy{
	width: 100%;
}
.footbqnr{
	font-size:14px;
	color: #fff;
	line-height: 70px;
}
.footbqnr a{
	font-size:14px;
	color: #fff;
}
.footbqzc{
	font-size:14px;
	line-height: 70px;

	color: #fff;
}
.footbqzc a{
	font-size:14px;
	color: #fff;
}
.flex2{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.index_foot{width: 100%;background: #2d2d2d;overflow: hidden;padding: 46px 0}
.index_foot_li{float: left;margin-right: 100px}
.index_foot_li dt{color: #fff;font-size: 19px;margin-bottom: 15px}
.index_foot_li dd a{color: #ccc;line-height: 28px}
.index_foot_li dd a:hover{color: #db0a17}
.index_foot_feedback{float: right;}

.input1 input{width: 220px;height: 35px;display: block;background: #fff;margin-bottom: 12px;padding: 0 10px;border: 0}

.tijiao{width: 240px;display: block;line-height: 35px;background: #db0a17;color: #fff;border: 0;cursor: pointer;margin-top: 20px}
.foot_copyript{width: 100%;overflow: hidden;background: #2d2d2d;overflow: hidden;padding: 30px 0;border-top: 1px solid #393939}
.foot_copyript dt{float: left;color: #ccc}
.foot_copyript dd{float: right;color: #ccc}
.foot_copyript dd span{display: block;float: left;color: #ccc;line-height: 20px;}
.foot_copyript dd div{float: left;}
.foot_copyript dd img{display: block;float: left;margin-left: 10px}
.foot_copyript dd a{display: block;float: left;}

.ny_pro{width: 100%;overflow: hidden;margin-top: 90px}
.ny_location{padding: 19px 0;font-size: 16px;font-weight: bold}
.ny_location a{font-size: 16px;font-weight: bold}
.ny_left{width: 18%;float: left;margin-bottom: 25px;}
.ny_right{width: 100%;float: right;}
.leibie p{font-size: 25px;font-weight: bold;margin-bottom: 20px}

.ny_left_list{width: 100%;overflow: hidden;}
.ny_left_list li{padding-bottom: 15px;overflow: hidden}
.ny_left_list li a{font-size: 16px;font-weight: bold}
.ny_left_list .on a{color: #db0a17}
.right_banner img{display: block;width: 100%;height: auto;border-radius: 5px}
.ny_left .leibie{border: 1px solid #eee;border-radius: 3px;padding: 6%;width: 88%;margin-bottom: 20px}


.prolist{overflow: hidden;margin: 0 auto;border-top: 1px solid #eee;border-right: 1px solid #eee;margin-top: 30px;margin-bottom: 40px}
.prolist li{float: left;border-left: 1px solid #eee;border-bottom: 1px solid #eee;width:calc(33.33333% - 22px);padding: 10px;}
.ny_tit{margin-top: 20px}
.nyflzs{
	width: 100%;
	float: left;
}
.nyflzs ul li{
	float: left;
	width: 12%;
	margin-right: 15px;
	border:1px #d3d3d3 solid;
	text-align: center;
	line-height: 50px;
	border-radius:5px;
}
.nyflzs ul li a{
	font-size:18px;
	color: #000;
}
.nyflzs ul li:hover{
	background:#dc0a17;
}
.nyflzs ul li:hover a{
	color: #fff;
}
.nyflzs ul li.active{
	background:#dc0a17;
}
.nyflzs ul li.active a  {
	color: #fff;
}

.viewcen{}
.zoom-section{width: 60%;overflow: hidden;float: left;}
.zoom-desc{width:100%;margin-bottom:20px;overflow: hidden}
.zoom-small-image{border:1px solid #eee;margin-bottom:20px;padding: 6%;}
.zoom-tiny-image{border:1px solid #eee;margin:0px;}
.zoom-tiny-image:hover{border:1px solid #db0a17;}

.zoom-tiny-image{width: 100px!important;height: auto;display: block;float: left;}

.zoom-small-image img{display: block;width: 100%;height: auto;margin: 0 auto}
.textmiaoshu{float: right;width: calc(39% - 2px);border: 1px solid #eee;padding: 2%;margin-left: 2%}
.cloud-zoom-gallery{margin-right: 5px;display: block;float: left}
.textmiaoshu_1 h1{font-size: 30px;font-weight: bold}
.textmiaoshu_1 h2{font-size: 18px;margin-top: 35px}
.textmiaoshu_1 h2 span{margin-right: 10px}
.textmiaoshu_1 h3{font-size: 17px;margin-top: 4px}
.textmiaoshu_1 h4{font-size: 17px;margin-top: 45px;line-height: 22px}
.textmiaoshu_1 h5{font-size: 18px;margin-top: 30px;font-weight: bold}

.textmiaoshu_1 a{display: block;width: 200px;line-height: 45px;background: #db0a17;text-align: center;font-size: 16px;border-radius: 3px;margin-top: 30px;color: #fff;font-family: "arial"}

.viewcen_1{display: flex;align-items: stretch}
.viewcen_2{width: 100%;overflow: hidden;margin-bottom: 35px;margin-top: 20px}
.viewcen_2 h1{font-size: 30px;font-weight: bold;border-bottom: 1px solid #eee;padding-bottom: 25px}

.ms_cen{font-size: 16px;line-height: 24px;margin-top: 25px;display: flex;align-items: center}
.ms_cen dt{float: left;font-size: 16px;line-height: 38px;width: 55%;}
.ms_cen dd{float: left;width: 55%;margin-left: 5%}
.ms_cen dd img{display: block;max-width: 100%}
.servicecen{overflow: hidden;margin-bottom: 30px}
.dswws{font-size: 16px;line-height: 26px;margin-top: 30px}
.service_banner{overflow: hidden;padding: 90px 0}
.service_banner h1{font-size: 45px;color: #fff;font-weight: bold;text-align: center}
.service_banner h2{font-size: 20px;color: #fff;font-weight: bold;text-align: center;line-height: 28px;margin: 0 auto;margin-top: 15px;width: 60%;}
.ss{width: 100%;overflow: hidden;}
.ss li{float: left;width: 31.666666%;overflow: hidden;margin-left: 2.5%;}
.ss li:nth-child(1){margin-left: 0}
.ss li dt img{display: block;width: 100%;height: auto;border-radius: 5px}
.servicecen h1{font-size: 35px;font-weight: bold;overflow: hidden;text-align: center;margin: 30px 0 42px}
.ss li dd{font-size: 16px;line-height: 27px;margin-top: 15px;/*font-weight: 550;*/}
.ss li h2{font-size: 28px;font-weight: bold;margin-top: 20px}




.case_view_left{float: left;width: 68%;background: #fff;padding: 2%}
.case_view_right{float: right;width: 22%;background: #fff;padding: 2%}
.neirong{width: 100%;overflow: hidden;font-size: 16px;line-height: 35px;border-top: 1px solid #f1f1f1;padding-top: 20px;letter-spacing: 0.02em}
.neirong img{max-width: 100%;margin: 10px 0}
.neirong p{font-size: 16px;line-height: 35px;letter-spacing: 0.02em}
.neirong p img{max-width: 100%;margin: 10px 0}
.neirong td{
	padding-left: 15px;
}
.case_view_left h1{font-size: 35px;font-weight: bold}
.location{margin-bottom: 15px}
.location a,.location{color: #666;font-size: 14px;}
.miaoshu{color: #666;margin: 19px 0;font-weight: bold}

.casetuijan_tit{font-size: 19px;font-weight: bold;margin-bottom: 20px}
.casetuijan_ul li{margin-bottom: 20px}
.casetuijan_ul li img{display: block;width: 100%;}
.casetuijan_ul li span{display: block;margin-top: 8px;font-size: 15px}

.newsview{width: 100%;overflow: hidden;background: #f2f2f2;padding-top: 35px;padding-bottom: 35px}


.compant_tit{padding: 30px 0}
.company{font-size: 16px;/*font-weight: bold;*/line-height: 35px;margin-bottom: 25px}
.company p{font-size: 16px;/*font-weight: bold;*/line-height: 35px;}

.company_video_2{position: relative;width: 100%;}
.videoicon{display: block;width: 100px;height: 100px;position: absolute;top: 50%;margin-top: -50px;left: 50%;margin-left: -50px;transition: all 0.3s}
.company_video_2:hover .videoicon{transform: scale(1.05)}
.honorlist{overflow: hidden;}
.honorlist li{float: left;width: 23.875%;margin-left: 1.5%;cursor: pointer}
.honorlist li:nth-child(1){margin-left: 0}
.honorlist li:nth-child(5){margin-left: 0}
.honorlist li img{display: block;width: 100%;height: auto}
.frew{margin-bottom: 45px}

.servee{padding: 30px 0}
.con1{font-size: 18px;font-weight: bold}
.con2{overflow: hidden;margin-top: 40px;margin-bottom: 40px;display: flex;align-items: center;background: #f7f7f7}
.con2 ul{float: left;width: 50%;padding: 0 2.5%}
.con2 img{ max-width:100%}
.con2 ul li{width: 100%;overflow: hidden;margin-bottom: 25px}
.con2 ul li dt{font-size: 16px;margin-bottom: 11px}
.con2 ul li dd{font-size: 18px;font-weight: bold}




.telbanner{display: none!important}
.teljies{display: none}




@media screen and (max-width: 1720px){
	.pro_a a span{margin-right: 29%;margin-left: 29%;}
	.other_1 h3{width: 65%}
}
@media screen and (max-width: 1590px){
	.index_video_2{top: 120px}

	.pro_a a span{margin-right: 26%;margin-left: 26%;}
	/*.pro_img img{height: 190px}*/
	
}
@media screen and (max-width: 1490px){

	.other_2 img{width: 200px;height: auto}
	.other_1{left: 6%}
	.index_other_ul li a{left: 6%}
}
@media screen and (max-width: 1450px){
	.index_video_2{top: 90px}
	.pro_a a span{margin-right: 24%;margin-left: 24%;}
	/*.pro_img img{height: 175px}*/
	.company_video_2{height: auto}
}
@media screen and (max-width: 1300px){
	.index_video_2{top: 70px}
	.pro_a a span{margin-right: 22%;margin-left: 22%;}
}

@media screen and (max-width: 1360px){
	.container{width: 90%}
	.index_video_2{width: 90%;left: 5%}

	.other_1 h3{width: 55%}
	.other_2 img{width: 180px;height: auto}
	.other_1{left: 4%}
	.index_other_ul li a{left: 4%;bottom: 24%}
}

@media screen and (max-width: 1230px){
	.index_foot_li{margin-right: 80px}
	.pro_a a span{margin-right: 20%;margin-left: 20%;}
}

@media screen and (max-width: 1200px){
	.container{width: 96%}
	.jieshao_cen{width: 96%}
	.jieshao_img{width: 96%}
	.jieshao_img img{width: 100%;height: auto}
}
@media screen and (max-width: 1199px){
	.pcjies{display: none}
	.teljies{display: block}
	.chezuo{left: 36%;top: 35%}
	.chezuo_cen{left: 0;top: 15%}
	.cheba{right: 33%;top: 200px}
	.cheba_cen{right: 0}
	.luntai{left: 45%;bottom: 230px}
	.luntai_cen{bottom: 70px;left: 30%}
	.cdses{right: 415px;top: 390px;}
	.cdses_cen{top: 350px}
	.chejia{bottom: 270px;right: 210px;}
}
	
@media screen and (max-width: 1140px){
	.index_foot_li{margin-right: 60px}
	
	.ms_cen dt{width: 100%;line-height: 27px}
	.ms_cen dd{width: 100%;margin-left: 0}
}
@media screen and (max-width: 1050px){
	.index_foot_li{margin-right: 40px}
	.pro_a a span{margin-right: 16%;margin-left:16%;}
}
@media screen and (max-width: 1024px){
	.cdses {right: 37%;top: 43%;}
	.luntai {left: 45%;bottom: 27%;}
	.cheba {right: 32%;top: 180px;}
	.chejia {bottom: 32%;right: 20%;}

	.textmiaoshu_1 h4{margin-top: 10px}
	.textmiaoshu_1 h2{margin-top: 10px}
	.textmiaoshu_1 h5{margin-top: 10px}
	.textmiaoshu_1 a{margin-top: 15px}
	.service_banner h2{width: 90%}
	.service_banner{padding: 50px 0}
	.company_video_2{height: auto}
}

@media screen and (max-width: 1000px){
	.cheba {right: 32%;top: 22%;}
	.sjyyq{
	display: block;
	margin-top:80px;
}

}
.sjyyq ul li{
	float: left;
	width: 18%;
	margin:0% 1% 15px 1%;
}
.sjyyq ul li img{
	width: 100%;
}
.dituzs{
	width: 50%;
}
@media screen and (max-width: 768px){
	.luntai_cen{bottom: 3px;left: 0px}
	.abcc{padding: 5px;}
	.cheba_cen{top: 0;right: 0}
	.chezuo_cen{top:0 ;left: 0}
	.cheba_cen dl dd{font-size: 15px;line-height: 20px}
	.cheba_cen dl,.luntai_cen dl,.luntai_cen dl,.cdses_cen dl,.chezuo_cen dl{margin-bottom: 0}
	.chejia_cen{bottom: 3px}
	.cdses_cen{bottom: 3px;right: 0;top:inherit}
	.footewm{
	display:none;
}
.footlxnr{
	line-height:30px;
}
.footlxdh span{
	font-size:24px;
}
.nyflzs ul li{
	width: 45%;
}
.footdh,.footlogo{
	display: none;
}
.footlx{
	width:100%;
	padding-top:20px;
	padding-bottom: 20px;
}
.footbqnr,.footbqzc{
	text-align: center;
	width: 100%;
	line-height:30px;
}
.dituzs{
	width: 100%;
}

}
.company img{
	max-width:100%;
}

@media screen and (max-width: 414px){
	.luntai{left: 43%;bottom: 24%;}
	.cheba {right: 30%;}
	.chezuo{left: 35%}
	
}
@media screen and (max-width: 375px){

}
@media screen and (max-width: 1024px){
	
	.ms_cen{display: inherit;}
	.viewcen_1{display: inherit;}
	.zoom-section{float: inherit;width: 100%}
	.textmiaoshu{float: inherit;width: calc(96% - 2px);margin-left: 0;margin-bottom: 25px}
	.sawaaaleft{float: inherit;width: 100%;margin-bottom: 10px}
	.container11{width: calc(100% - 2px)}
	
	.ms_cen dt table{line-height: 22px;align-items: center}
	.ms_cen dt table tr{align-items: center}
	.ms_cen dt table td{vertical-align: middle;}
	.ms_cen dt {
		font-size: 15px;}
	.ms_cen table tr:nth-child(odd) {
    background: #eee;
}
	.vueGallery .thumbnails{background: #eee}
		
}
@media screen and (max-width: 1023px){
	

	
	
	.company_video_2{height: 350px}
	.header{display: none;}
	.sp_header{display: block}
	.nav_height,.nav_height_index{height: 50px}
	.tel_sea{float: right;padding: 14px 0;margin-right: 30px;cursor: pointer;}
	.seacen{position: fixed;top: 50px;right: 0;background: #fff;padding: 15px;border-top: 1px solid #5d9bdb;display: none;z-index: 100000}
	.seacen input{width: 200px}
	.ban{margin-top: 50px}

	/*.pro_img img{height: 160px}*/
	.pro_a a span{margin-right: 20%;margin-left: 20%;}
	.index_service_ul{padding: 50px 0}
	.index_service_ul li{width: 43.25%;margin-left: 1.5%;margin-right: 0;margin-bottom: 1.5%}
	.index_service_ul li:nth-child(1){margin-left: 0}
	.index_service_ul li:nth-child(3){margin-left: 0}
	
	.index_product ul li {width: calc(50% - 22px);}
	.index_other_ul li {margin-right: 0;width: 100%;margin-bottom: 2%}
	.other_2 img {width: 234px;height: auto;}
	.index_news li{margin-right: 0;width: 100%;margin-bottom: 20px}
	.index_foot_feedback{width: 100%;float: inherit;overflow: hidden;padding-top: 15px}
	.input1 input{width: 94%;border: 0;padding: 0 3%;border-radius: 0;font-size: 15px}
	.tijiao{width: 100%;border: 0;font-size: 15px;}
	.index_foot_li{margin-right: 0;width: 25%}
	.ny_pro{margin-top: 50px}
	.ny_left{width: 100%;margin-bottom: 0}
	.ny_right{width: 100%}
	.ny_left .leibie{padding: 3%;width: 94%}
	.ny_left .leibie:nth-child(2){display: none}
	
	.service_banner h1{font-size: 30px}
	.service_banner h2{font-size: 17px}
	.case_view_left{width: 96%;float: inherit}
	.case_view_right{width: 96%;float: inherit}
	.newsview{padding: 20px 0}
	.honorlist li{margin-left: 0;margin-right: 1.5%;width: 49.25%;margin-bottom: 1.5%}
	.honorlist li:nth-child(2n+2){margin-right: 0}
	.company{line-height: 28px;font-weight: normal}
	.compant_tit{padding: 20px 0}
	.con2{display: inherit;}
	.con2 ul{width: 94%;float: inherit;padding:5% 3% 3%}
	.con2 img{ max-width:100%;}
	.con1{font-size: 17px;font-weight: normal}
	
	.vueGallery .thumbnails {
 
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));

}
	
	
	}

@media screen and (max-width: 640px){
	.pcbanner{display: none!important;}
	.telbanner{display: block!important;}
	.con2{margin-top: 25px;margin-bottom: 25px}
	.con2 ul li dd{font-weight: normal}
	.company_video_2{height: auto}
	.ss li dd{line-height: 25px;text-align: center;font-weight: normal}
	.ss li h2{font-size: 22px;text-align: center}
	.servicecen h1{font-size: 26px;margin: 25px 0}
	.ss li{width: 100%;margin-left: 0;margin-bottom: 15px}
	.neirong{padding-top: 12px;line-height: 24px}
	.case_view_left h1{font-size: 24px}
	.service_banner{background-size: 160%!important;padding: 40px 0}
	.service_banner h2{font-size: 15px;line-height: 18px;width: 96%;margin-top: 6px}
	.index_foot_li{width: 50%;overflow: hidden;height: 170px}
	.index_foot_li dd a{line-height: 23px}
	.index_foot_li dt{margin-bottom: 8px}
	.index_foot{padding: 30px 0}
	.foot_copyript dt{float: inherit;text-align: center;width: 100%;}
	.foot_copyript dd{float: inherit;text-align: center;width: 170px;overflow: hidden;margin: 0 auto;margin-top: 10px}
	.foot_copyript{padding: 24px 0}
	.index_foot_feedback{padding-top: 0}
	.other_2 img {width: 170px;}
	/*.pro_img img{height: 110px}*/
	.index_service_ul{display: flex;flex-wrap:wrap}
	.demo_tit dt{font-size: 22px}
	.pro_a a span {margin-right: 8%; margin-left: 8%;background: url(../images/right_jt_white.png) no-repeat right center;
    background-size: 16px 16px;}
	.index_other_ul li{height: 250px}
	.other_1{top: 35px}
	.other_2{top: 45px}
	.videoicon{width: 64px;height: 64px;margin-top: -32px;margin-left: -32px;}
	.index_service{margin: 40px 0}
	

	.demo_tit dd{margin-top: 10px}
	.ban .swiper-pagination-bullet{width: 9px;height: 9px;margin: 0 2px!important}
	.ban .swiper-pagination{bottom: 9px}
	.tijiao{line-height: 40px}
	.index_other_ul li a{bottom: 18%}
	.ny_left_list li{padding-bottom: 10px}
	.prolist li{width: calc(50% - 22px)}
	.textmiaoshu_1 a{margin-bottom: 15px}
	.leibie p{margin-bottom: 12px}
	.index_news{padding: 10px 0 15px}
	.servee{padding: 20px 0}
		.vueGallery .thumbnails {
 
  grid-template-columns: repeat(auto-fill, minmax(70px, 1fr));

}
	.vueGallery .activePhoto{width: 100%;padding-bottom: 63%;}
}
	
	




.wrap img {
	vertical-align: middle;
	width: 100%;
	height: 100%;
}
.wrap {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
/*	height: 492px;*/
}
.imgs {
	/*position: absolute;*/
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.main {
	position: relative;
	overflow: hidden;
	padding: 1%;
	width: 97%;
	/*height: 390px;*/
	border: 1px solid #eee;
}
.smaller {
	position: relative;
	overflow: hidden;
	width: 400px;
	height: 82px;
	margin-top: 10px;
	display: none
}
.smaller li {
	position: relative;
	float: left;
	padding: 2px;
	width: 64px;
	height: 64px;
	border: 2px solid #000;
	margin-left: 10px;
	cursor: pointer;

}
.smaller li:first-child {
	margin-left: 0;
}
.smaller .current {
	border-color: #ff6a00;
}
.biger {
	position: absolute;
	overflow: hidden;
	display: none;
	left: 104.5%;
	width: 500px;
	height: 500px;
	border: 1px solid #db0a17	
}
.mask {
	position: absolute;
	display: none;
	left: 0;
	top: 0;
	width: 200px;
	height: 200px;
	background: url('../images/mask-bg.png') repeat;
	cursor: crosshair;
}
.biger img {
	position: absolute;
	left: 0;
	top: 0;
	width: 300%;
	height:auto;
}